MAC版使用Hexo+GitHub搭建个人博客的真小白教程

发表于

在网上看了非常多的优秀教程，但是我还是花了2天时间才搞出来自己的博客，可能是我太笨😂,因此
还是写下自己搭建博客的过程，权当为自己的博客剪个彩。

一、配置环境

  1. 安装Node.js
  2. 安装Git，推荐廖雪峰老师的教程，非常简单。

注意：Node.js默认安装路径

其实，这里就遇到了第一个问题，Command Line Tools的安装。新版的Xcode>Preference里并没有Downloads。

正确的安装姿势：打开Mac终端,在终端中输入xcode-select --install，就可以安装了。Command Line Tools安装完成后，还要在终端中进行如下配置。

1
2
$ git config --global user.name "Your Name"
$ git config --global user.email "email@example.com"

二、配置Github

  1. 首先你要有GitHub账号。
  2. 新建一个仓库，名字必须为username.github.io，username是你的用户名。

三、安装Hexo

  1. 在电脑中新建一个文件夹，命名为Hexo。
  2. 在Hexo文件夹上双击>选择服务>新建位于文件夹位置的终端窗口
  3. 安装Hexo
1
npm install -g hexo
  1. 初始化Hexo
1
hexo init
  1. 安装成功后Hexo文件夹内会出现相应的文件，也可以在终端中输入hexo -v来查询是否安装成功。

四、连接Hexo和GitHub

我们要安装一个扩展，来连接Hexo和GitHub，将本地的博客推送到GitHub。

在Hexo文件夹上打开Git Bash，输入

1
npm install hexo-deployer-git –save

安装完成后，我们打开Hexo文件夹，打开名为_config.yml的文件，找到deploy这一项，按如下方式配置。

五、部署本地博客到GitHub

打开终端，输入以下命令。

1
hexo g -d

这样，在浏览器中输入username.github.io就能访问个人博客了。

如果想要写一篇新的博客，就在Hexo>source>_posts里新建markdown文件，写自己的博客就好了。

我们会发现，Hexo默认的主题是landscape，Hexo还有很多好看的主题，我们可以更换。按照GitHub上作者的安装方法将主题安装好后，我们会发现远程网站并没有更新。

在Hexo文件夹打开Git Bash，输入下面的代码就可以更新了。

1
2
hexo clean
hexo g -d

六、其他

  • GitHub推出了一款Markdown编辑器叫Atom，用着还挺不错的。
  • 之前博客的图片是存放在七牛的，不过现在七牛测试域名只有30天的有效期，所以还是在阿里云买了oss，一年才9块。
  • Markdown对emoji友好，写法参考emoji-cheat-sheet😏。
  • 发布后无法显示emoji表情，参考这篇教程。
  • 感谢这篇教程，给了我莫大的启发。